.chat-page {
  height: 100vh;

  .chat-sider {
    background: #fff;
    padding: 16px;

    .chat-title {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 16px;
    }

    .chat-new-btn {
      width: 100%;
      margin-bottom: 16px;
    }

    .chat-history-menu {
      border: none;
    }
  }

  .chat-header {
    background: #fff;
    padding: 0 16px;
    text-align: right;

    .chat-user-info {
      display: flex;
      align-items: center;
      gap: 8px;
      cursor: pointer;
    }
  }

  .chat-content {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px); // 64px for header

    .chat-messages {
      flex: 1;
      padding: 16px;
      overflow-y: auto;

      .chat-message {
        margin-bottom: 10px;

        &.user {
          text-align: right;
        }

        .chat-message-content {
          display: inline-block;
          padding: 8px 12px;
          background: #f1f1f1;
          border-radius: 4px;
        }
      }
    }

    .chat-input-wrapper {
      border-top: 1px solid #e8e8e8;
      padding: 8px 16px;

      .chat-input-actions {
        margin-top: 8px;
        text-align: right;

        button {
          margin-left: 8px;
        }
      }
    }
  }
}


